<template>
	<view class="style-one">
		<left-aside />
		<view class="right-warp">
			<cate-goods v-if="height" :scroll-height="$px2rpx(height)" :fieldShowHide="fieldShowHide"
				:fieldStyles="styles" :content="content" />
		</view>
	</view>
</template>

<script type="text/javascript">
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
	import leftAside from './left-aside.vue'
	import cateGoods from './goods.vue'
	import category from './category.js'
	export default {
		mixins: [MescrollMixin, category],
		components: {
			leftAside,
			cateGoods
		},
		props: {
			content: {
				type: Object,
				default: () => {},
			},
			fieldShowHide: {
				type: Object,
				default: () => {},
			},
			styles: {
				type: [Object, Array]
			},
		},
		data() {
			return {}
		},
		methods: {

		},
		computed: {

		},
		created() {

		}
	};
</script>
<style lang="scss" scoped>
	.style-one {
		flex: 1;
		min-width: 0;
		min-height: 0;
		/* 需给flex:1的元素加上最小高,否则内容超过会溢出容器 (如:小程序Android真机) */
		display: flex;
		width: 750rpx;
		// height: 100%;
		// height: calc(100% -200rpx) !important;
		height: calc(100% - 200rpx - constant(safe-area-inset-bottom));
		height: calc(100% - 200rpx - env(safe-area-inset-bottom));
		position: fixed;
		z-index: 999999;

		// 右边
		.right-warp {
			flex: 1;
			// min-width: 0;
			// height: 100%;
		}
	}
</style>